import { StyleSheet, Text, View, TouchableWithoutFeedback, Image } from 'react-native'
import React from 'react'
import { pTx } from "../../utils/dimensions"
import IconFont from '@pingtou/rn-vant-icons'


export default function AccountManagement(props) {
    return (
        <View style={styles.page}>
            <View style={styles.cellGroup} >
                <TouchableWithoutFeedback onPress={() => props.navigation.navigate('setAdd')}>
                    <View style={[styles.cell, { borderBottomWidth: 1 }]} >
                        <View style={styles.cellLeft} >
                            <Text style={styles.cellName} >添加我的方式</Text>
                        </View>
                        <IconFont name="arrow" color={"rgba(178, 178, 178, 1)"} size={pTx(14)} />
                    </View>
                </TouchableWithoutFeedback>
                <TouchableWithoutFeedback onPress={() => props.navigation.navigate('mineSwitchAccount')}>
                    <View style={styles.cell} >
                        <View style={styles.cellLeft} >
                            <Text style={styles.cellName} >切换账号</Text>
                        </View>
                        <IconFont name="arrow" color={"rgba(178, 178, 178, 1)"} size={pTx(14)} />
                    </View>
                </TouchableWithoutFeedback>
            </View>
        </View>
    )
}

const styles = StyleSheet.create({
    page: {
        flex: 1,
    },
    currencyIconMin: {
        width: pTx(20),
        height: pTx(20),
    },
    cellGroup: {
        backgroundColor: "#FFF",
        borderRadius: pTx(6),
        paddingHorizontal: pTx(15),
    },
    cell: {
        flexDirection: 'row',
        alignItems: "center",
        justifyContent: "space-between",
        paddingVertical: pTx(15),
        borderColor: "rgba(175, 181, 189, 0.15)"
    },
    cellLeft: {
        flexDirection: 'row',
        alignItems: "center",
        justifyContent: "space-between",
    },
    cellName: {
        fontSize: pTx(16),
        color: "#000"
    }
})